@import 'src/style/var.scss';
@import 'src/style/function.scss';
.fold_nav {
    background-color: $bg-color;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    height: pxToRem(128px);
    bottom: 0;
    width: 100%;
    left: 0;
    .nav_item {
        height: pxToRem(128px);
        line-height: pxToRem(128px);
        text-align: center;
        font-size: pxToRem(32px);
        color: #333;
        display: inline-block;
        width: 25%;
        vertical-align: middle;
        float: left;
        position: relative;
        &:before {
            font-size: pxToRem(54.4px);
            vertical-align: bottom;
        }
        &.selItem {
            color: $tabSelected-color!important;
        } 
        & em {
            font-style: normal;
            font-size: 0.65rem;
            position: absolute;
            top: 0.1rem;
            left: 0.78rem;
        }       
    }
    

    .wap_index:before {
        content: '\e622';
    }
    .wap_list:before {
        content: '\e625';
    }
    .wap_cart:before {
        content: '\e616';
        display: inline-block;
        width: pxToRem(54.4px);
    }
    .wap_user:before {
        content: '\e623';
    }
}